<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Document</title>
</head>

<body>
    <div class="wrap">
        <ul class="ul" id="ull">
            <li value="01">01</li>
            <li value="02">02</li>
            <li value="03">03</li>
            <li value="04">04</li>
            <li value="05">05</li>
            <li value="06">06</li>
            <li value="07">07</li>
            <li value="08">08</li>
            <li value="09">09</li>
            <li value="10">10</li>
        </ul>
        <div title="hello"></div>
    </div>
</body>
<script>
    var ul = document.querySelector('.ul')
    console.log(ul)
    var liList = document.getElementsByTagName('li')
    console.log(liList)
    liList[0].setAttribute('value', 'first')
    liList[1].setAttribute('value', 'second')
    liList[2].setAttribute('title', 'hello world')

</script>

</html>